<!--container begin-->
  <div id="container" class="fix">
    <div class="crumb"><a href="#">Home</a> &gt; Cart Register</div>
    <div class="icontainer">
      <div class="loginArea">
        <h3>Cart Register</h3>
        <div class="loginDes">
          <p>Already a member of <a href="/"><?php echo $site_url;?></a>? Welcome back! <br />
            Please login here using your email and password. </p>
          <form id="login" method="post" action="/login" class="formArea fix">
            <ul>
              <li>
                <label for="email"><span class="strong1">*</span> Email:</label>
                <input type="email" name="email" id="email" class="allInput" value="" maxlength="320"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="password"><span class="strong1">*</span> Password:</label>
                <input type="password" name="password" id="password" class="allInput" value="" maxlength="16"   />
                <div class="errorInfo"></div>
              </li>
              <li class="actions">
                <label class="lblFind"><a href="/findpwd">Forgot Password?</a></label>
                <input type="hidden" name="re_url" value="<?php echo $re_url;?>"/>
                <input type="submit" id="loginSubmit" name="submit" value="Login" class="allBtn"/>
              </li>
            </ul>
            <script type="text/javascript">
	$("#login").validate({
			rules: {
				email:{required: true,email: true},
				password: {required: true,minlength: 5}
			},
			messages:formMessages,
			errorPlacement: function(error, element) {
			   error.appendTo(element.siblings(".errorInfo"));
			}
	});
    </script>
          </form>
          <p class="pt20">Not a member of <a href="/"><?php echo $site_url;?></a> yet? Register here.<br />
            With an online account at <a href="/"><?php echo $site_url;?></a>, you can:<br />
            Shop faster, track the status of your orders online, review your previous orders, create a wish list of products to keep between visits, and enjoy our preferential policies for our members.</p>
          <form id="register" method="post" action="/register" class="formArea mt10 fix">
            <ul>
              <li>
                <label for="email"><span class="strong1">*</span> Email:</label>
                <input type="text" name="email" id="email" class="allInput" value="" maxlength="320"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="firstname"><span class="strong1">*</span> First Name:</label>
                <input type="text" name="firstname" id="firstname" class="allInput" value="" maxlength="250"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="lastname"><span class="strong1">*</span> Last Name:</label>
                <input type="text" name="lastname" id="lastname" class="allInput" value="" maxlength="250"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="password1"><span class="strong1">*</span> Password:</label>
                <input type="password" name="password" id="password1" class="allInput" value="" maxlength="16"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="confirmpassword"><span class="strong1">*</span> Confirm Password:</label>
                <input type="password" name="confirmpassword" id="confirmpassword" class="allInput" value="" maxlength="16"   />
                <div class="errorInfo"></div>
              </li>
              
              <li>
                <label for="address"><span class="strong1">*</span> Address:</label>
                <input type="text" name="address" id="address" class="allInput" value="" maxlength="250"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="city"><span class="strong1">*</span> City:</label>
                <input type="text" name="city" id="city" class="allInput" value="" maxlength="250"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="state"><span class="strong1">*</span> State:</label>
                <input type="text" name="state" id="state" class="allInput" value="" maxlength="250"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="country"><span class="strong1">*</span> Country:</label>
                <select class="allSelect" name="country">
				<option value="">Please Select</option>
				<?php foreach ($countrys as $item):?>
				<option value="<?php echo $item['iso_code']?>"><?php echo $item['name']?></option>
				<?php endforeach;?>
				</select>
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="postcode"><span class="strong1">*</span> Zip code:</label>
                <input type="text" name="postcode" id="postcode" class="allInput" value="" maxlength="250"   />
                <div class="errorInfo"></div>
              </li>
              <li>
                <label for="tel"><span class="strong1">*</span> Phone:</label>
                <input type="text" name="tel" id="tel" class="allInput" value="" maxlength="250"   />
                <div class="errorInfo"></div>
              </li>
              
              <li class="actions">
                <label>&nbsp;</label>
                <input type="hidden" name="re_url" value="<?php echo $re_url;?>"/>
                <input type="submit" id="registerSubmit" name="submit" value="Register" class="allBtn" />
              </li>
            </ul>
            <script type="text/javascript">
	$("#register").validate($.extend(formSettings,{
			rules: {
				firstname:"required",
				lastname:"required",			
				email:{required: true,email: true},
				password: {required: true,minlength: 5},
				confirmpassword: {required: true,minlength: 5,equalTo: "#password"}
			}
		}));
 </script>
          </form>
        </div>
      </div>
    </div>
  </div>
  <!--container end-->